// 类组件
import React, { Component } from 'react'
// Route 定义路由规则所用
// Link/NavLink 声明式导航  NavLink它有激活样式  统一编译出来的html都为a标签
// Switch 它只会匹配成功一次，后续就不会继续匹配
// Redirect 重定向
// withRouter 高阶组件，作用：让不是路由匹配的组件拥有路由对象
import { Route, withRouter } from 'react-router-dom'

import Render from './views/Render'
import Login from './views/Login'

class App extends Component {
  render() {
    console.log('App', this.props)
    return (
      <div>
        <Route path="/login" component={Login} />
        {/* <Route path="/rd" component={Render} /> */}
        {/* 让宿主组件有路由对象，可以向下传下去 */}
        <Route path="/rd" children={<Render {...this.props} />} />
      </div>
    )
  }
}

// 使用高阶组件进行了增强 当前此组件就有了路由对象
export default withRouter(App)
